<template>
    <section id="wrapper" class="error-page">
        <div class="error-box">
            <div class="error-body text-center">
                <h1 class="text-danger">404</h1>
                <h3 class="text-uppercase">Page Not Found !</h3>
                <p class="text-muted m-t-30 m-b-30">YOU SEEM TO BE TRYING TO FIND HIS WAY HOME</p>
                <a href="javascript:void(0);" class="btn btn-danger btn-rounded waves-effect waves-light m-b-40"
                   @click="back">Back to home</a></div>
            <footer class="footer text-center"> Copyright © {{new Date().getFullYear()}} Funkey. All rights reserved.</footer>
        </div>
    </section>
</template>
<script>
    export default {
        name: '404',
        methods: {
            back() {
                this.$router.push('/')
            },
        }
    }
</script>
<style scoped>

</style>